<div class="my-card">
    <mt-header fixed title="我的卡包">
    </mt-header>
    <ul class="card-list">
        <li class="card-item" v-for="item in list" :key="item.id" @click="clickItem()">
            <div class="card-header">
                <img src="@/assets/img/card.png" v-zoom-in-modal>
                <span>{{ item.name }}</span>
            </div>
            <div class="card-content">
                <span class="xing">****</span>
                <span class="xing">****</span>
                <span class="xing">****</span>
                <span>8888</span>
            </div>
        </li>
    </ul>
    <!-- <div id="edituser" style="margin:60px"></div>
    <div>{{popupVisible}}</div>

    <mt-swipe :auto="4000" style="height: 200px;">
        <mt-swipe-item>
            <div style="height: 200px;background: red">1</div>
        </mt-swipe-item>
        <mt-swipe-item>
            <div style="height: 200px;background: yellow">2</div>
        </mt-swipe-item>
        <mt-swipe-item>
            <div style="height: 200px;background: blue">3</div>
        </mt-swipe-item>
    </mt-swipe>

    <mt-progress :value="20" :bar-height="5"></mt-progress>
    <mt-popup v-model="popupVisible" position="top">
        坦巴大师
    </mt-popup>
    <mt-datetime-picker ref="picker" type="time">
    </mt-datetime-picker> -->

</div>